<ion-view hide-tabs="true" hide-nav-bar="true"   view-title="待评价详情" style="background-color: #F1F1F1;" ng-controller="futureEvaluateDetailCtrl" ng-cloak>
    <ion-header-bar align-title="center"  class="bar-default" style="background-color: #F8F8F8;">
        <div class="buttons">
            <button class="button" ng-click="backPrePage()"><span class="ion-ios-arrow-thin-left" style="font-size: 24px;"></span></button>
        </div>
        <h1 class="title">待评价详情</h1>
    </ion-header-bar>
    <ion-content >
        <div class="detailState padding">
            <div class="detailStateMes">
                <div><span class="ion-ios-checkmark-outline fs100 lightGreen"></span></div>
                <div class="detailed f12 " style="color: #666666;">
                    <ul class="">
                        <li>
                            <div class="fw">
                                <h4 class="lightGreen">已完成上课！待评价...</h4>
                            </div>
                        </li>
                        <li ng-show="{{items.courseFlag}}">
                            <div>
                                <span>{{items.pitchNumber}}</span> / <span>{{items.smallCourseName}}</span> / <span>{{items.pitchTime}}</span>
                            </div>
                        </li>
                        <li>
                            <div>教练: <span>{{items.coach}}</span></div>
                        </li>
                        <li>
                            <div>购买套餐产品: <span>{{items.bigCourseName}}</span><span class="courseMonney ion-social-yen">{{items.courseTotalPrice}}</span></div>
                        </li>
                        <li>
                            <div>下单时间: <span class="">{{items.orderDate}}</span><span class="courseTime" >{{items.orderTime}}</span></div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--<div ng-click="writeEvaluate()" style="border-top:solid 1px #e5e5e5; margin-top: 10px;" class="clearfix f12">-->
                <!--<div class="fl mT10" >-->
                    <!--<span>-->
                        <!--<img src="/img/x2.png" alt="评分">-->
                        <!--<img src="/img/x2.png" alt="评分">-->
                        <!--<img src="/img/x2.png" alt="评分">-->
                        <!--<img src="/img/x2.png" alt="评分">-->
                        <!--<img src="/img/x2.png" alt="评分">-->
                    <!--</span>-->

                <!--</div>-->
                <!--<button class="button button-small goEvaluateBtn mT10 fr"  >去评价</button>-->
            <!--</div>-->
        </div>
        <ion-list>
            <!--ng-click="leagueClick(id,date)"-->
            <ion-item class="clearfix" ng-show="{{item.courseFlag}}">
                <div class="fl" style="margin-right: 10px;">
                    <ul>
                        <li><b style="font-size: 20px;">11:00</b></li>
                        <li class="grey f12"><span>11:30</span>结束</li>
                    </ul>
                </div>
                <div  class="fl">
                    <ul>
                        <li><b>净化流动</b><span class="f12" style="margin-left: 4px;">强化</span></li>
                        <li >
                            <ul style="display: flex;">
                                <li class="" >
                                    <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                </li>
                                <li class="" >
                                    <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                </li>
                                <li class="" >
                                    <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                </li>
                                <li class="" >
                                    <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                </li>
                                <li class="" >
                                    <img style="width: 16px;margin-top: 4px;" src="/img/x2.png" alt="">
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <span class="fr ion-chevron-right grey" style="margin-top: 10px"></span>
                <div  class="fr">
                    <ul style="text-align: center;margin-right: 10px;">
                        <li ><img style="width: 30px;height: 30px;border-radius: 50%;"  src="img/ben.png" alt=""></li>
                        <li class="grey">阿拉蕾</li>
                    </ul>
                </div>

            </ion-item>
            <ion-item >
                <!--<a href="#">-->
                <div class="clearfix">
                    <div class="fl ">
                        <img class="grey" style="width: 40px;" src="/img/u71.png" alt="">
                    </div>
                    <div class="fl f12 " style="margin-left: 6px;">
                        <ul>
                            <li>我爱运动(大上海城店)</li>
                            <li class="grey">管城回族区东太路人民路大上海城6楼</li>
                        </ul>
                    </div>
                    <span class="fr ion-chevron-right grey" style="margin-top: 10px"></span>
                </div>
                <!--</a>-->
            </ion-item>

            <ion-item>
                <!--<a href="#">-->
                <div class="clearfix">
                    <div class="fl courseDetailImg">
                        <img src="{{items.srcImg}}" alt="头像">
                    </div>
                    <div class="fl f12 " style="margin-left: 6px;">
                        <div>
                            <div><h4>{{items.bigCourseName}}</h4></div>
                            <div>
                                <ul style="display: flex;">
                                    <li class="" >
                                        <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                    </li>
                                    <li class="" >
                                        <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                    </li>
                                    <li class="" >
                                        <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                    </li>
                                    <li class="" >
                                        <img style="width: 16px;margin-top: 4px;" src="/img/x1.png" alt="">
                                    </li>
                                    <li class="" >
                                        <img style="width: 16px;margin-top: 4px;" src="/img/x2.png" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <span class="fr ion-chevron-right grey" style="margin-top: 10px"></span>
                    <div class="fr f12 lightYellow" style="text-align: right;margin-right: 20px;" ng-show="{{items.courseFlag}}">
                        <div class="f20"><span class="ion-social-yen"><b>{{items.courseTotalPrice}}</b></span></div>
                        <div >共<span>{{items.sections}}</span>节/总价</div>
                    </div>
                </div>
                <!--</a>-->
            </ion-item>
            <ion-item ng-show="{{items.courseFlag}}">
                <ul  class="pitchDetailLists f12">
                    <li class="pitchDetail clearfix" style="height: 100%;min-height: 50px;" ng-repeat="list in items.sike">
                        <div class="pitchNum "><span class="{{list.classState}} pitchNumMark" ></span></div>
                        <div class="fl mTm10" style="margin-left: 20px;" >
                            <span>{{list.js}}</span>
                            <span>{{list.kn}}</span>
                            <span>{{list.sc}}</span>
                            <span class="ion-social-yen">{{list.as}}</span>
                        </div>
                        <div class="fr mTm10 clearfix" ng-show="{{list.yetClass}}">
                            <span class="ion-chevron-right fr f14 grey mL10"></span>
                            <div class="fr ">上课教练:<span class="">{{list.sectionCoach}}</span></div>
                        </div>
                    </li>
                </ul>
            </ion-item>
        </ion-list>


    </ion-content>
</ion-view>